@import "../common/variables.scss";

.#{$css-prefix}{
    &-view {
        margin: 0 auto;
        max-width: $max-width;
        min-width: $min-width;
    
        &:before {
            content: '';
            display: block;
            width: 100%;
            height: $navbar-height;
        }
    
        &:after {
            content: '';
            display: block;
            width: 100%;
            height: $body-padding-bottom * 3;
        }
    }
    &-flexview {
        height: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        max-width: $max-width;
        min-width: $min-width;
    }
    &-scrollview {
        width: 100%;
        height: 100%;
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
        margin-bottom: -1px;
    
        // &:after {
        //     content: '';
        //     display: block;
        //     width: 100%;
        //     height: $body-padding-bottom;
        // }
    }
}
